// import React from 'react'
// import { connect } from 'react-redux'

// import { action,reducer } from './_index'

// class App extends React.Component {
//     constructor(props) {
//         super(props)
//     }
//     bpp = (text) => {
//         //调用mapDispatchToProps
//         this.props.bpp(text)
//     }
//     render() {
//         return (
//             <div>
//                 123
//                 <button onClick={()=>this.bpp(123)}>
//                     点击
//                     {/* 确认触发了Action里的add函数 */}
//                 </button>
//             </div>
//         )
//     }
// }
// const mapStateToProps = (state) => {
//     console.log(state.lian)
//     return {
//         lian: state.lian
//     }
// }
// const mapDispatchToProps = (dispatch, ownProps) => {
//     return {
//         //bpp为自定义的
//         bpp: (text) => {
//             //dispatch 来自于Reducer ?? Action
//             dispatch(action.add(text))
//         }
//     }
// }


// export default connect(mapStateToProps, mapDispatchToProps)(App)

import React from 'react'
import './index.scss'
class App extends React.Component {
    render() {
        return (
            <div className='box'>
                {/* <div style={{background:'red',float:'left'}} className='main'></div>
                <div style={{background:'purple'}} className='max'></div>
                <div style={{background:'yellow',float:'right'}} className='main'></div> */}

                <div style={{ background: 'red', left:0 }} className='main'></div>
                <div style={{ background: 'purple' }} className='max'></div>
                <div style={{ background: 'yellow',right:0 }} className='main'></div>
            </div>

        )
    }
}
export default App


